<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>多级菜单</title>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="hui">
        <div class="cont"> 0 - 0 </div>
    </div>
    <div id="header">
        <p>区块标题</p>
    </div>
    <div id="headert"></div>
    <div id="main">
        <ul class="box">
            <li class="clear">
                <div class="one clear"><a>一级标题</a><span>一级标题说明</span><i class="onebtn">点击</i></div>
                <div class="two clear">
                    <div class="clear twobox">
                        <div class="left"><a>二级标题</a><span>二级标题说明</span></div><button>弹窗</button>
                    </div>
                    <div class="clear twobox">
                        <div class="left"><a>二级标题</a><span>二级标题说明</span></div><button>弹窗</button>
                    </div>
                    <div class="clear twobox">
                        <div class="left"><a>二级标题</a><span>二级标题说明</span></div><button>弹窗</button>
                    </div>
                </div>

            </li>
            <li class="clear">
                <div class="one clear"><a>一级标题</a><span>一级标题说明</span><i class="onebtn">点击</i></div>
                <div class="two clear">
                    <div class="clear twobox">
                        <div class="left"><a>二级标题</a><span>二级标题说明</span></div><button>弹窗</button>
                    </div>
                    <div class="clear twobox">
                        <div class="left"><a>二级标题</a><span>二级标题说明</span></div><button>弹窗</button>
                    </div>
                    <div class="clear twobox">
                        <div class="left"><a>二级标题</a><span>二级标题说明</span></div><button>弹窗</button>
                    </div>
                </div>

            </li>
            <li class="clear">
                <div class="one clear"><a>一级标题</a><span>一级标题说明</span><i class="onebtn">点击</i></div>
                <div class="two clear">
                    <div class="clear twobox">
                        <div class="left"><a>二级标题</a><span>二级标题说明</span></div><button>弹窗</button>
                    </div>
                    <div class="clear twobox">
                        <div class="left"><a>二级标题</a><span>二级标题说明</span></div><button>弹窗</button>
                    </div>
                    <div class="clear twobox">
                        <div class="left"><a>二级标题</a><span>二级标题说明</span></div><button>弹窗</button>
                    </div>
                </div>

            </li>
            <li class="clear">
                <div class="one clear"><a>一级标题</a><span>一级标题说明</span><i class="onebtn">点击</i></div>
                <div class="two clear">
                    <div class="clear twobox">
                        <div class="left"><a>二级标题</a><span>二级标题说明</span></div><button>弹窗</button>
                    </div>
                    <div class="clear twobox">
                        <div class="left"><a>二级标题</a><span>二级标题说明</span></div><button>弹窗</button>
                    </div>
                    <div class="clear twobox">
                        <div class="left"><a>二级标题</a><span>二级标题说明</span></div><button>弹窗</button>
                    </div>
                </div>

            </li>

        </ul>

        <div class="cheack">

        </div>
    </div>

</body>
<script src="libs/require.js"></script>
<script src="js/index.js"></script>

</html>